import { styled } from "styled-components";

export const TableWarpper = styled.div`
 .ant-table{
     background: transparent;
     .ant-table-header{
        border-radius: 0 !important;
        background-color: #1D3E72 !important;
     }
 }
 
 .ant-table-thead>tr>th,
 .ant-table-tbody >tr >td {
     padding: 4px !important;
     border: none !important;
     color: #96AFD5; 
     font-size: 14;
     font-weight: 400;
 }
 .ant-table-thead>tr>th{
     background: linear-gradient(180deg, rgba(24,61,113,0) 0%, #1D3E72 100%);
     font-weight: 400 ;
     font-size: 16px;
     color: rgba(255,255,255,0.65);
     &::before{
         content: none !important;
     }  
 }   

.ant-table-tbody > tr.ant-table-row:hover > td {
    background: none !important;
}
.ant-table-placeholder,.ant-table-empty{
    background-color:transparent !important;
 }
.ant-empty-description{
    color: #fff;
}
.ant-table-wrapper .ant-table-tbody>tr.ant-table-placeholder:hover>th, .ant-table-wrapper .ant-table-tbody>tr.ant-table-placeholder:hover>td, .ant-table-wrapper .ant-table-tbody>tr.ant-table-placeholder{
    background-color:transparent !important;
 }

 .ant-pagination{
    display: flex;
    align-items: center;
    padding-right: 4px;
    .ant-pagination-item-link,.ant-pagination-item>a{
     color:  #96AFD5 !important;
 
    }
    .ant-select-selector,.ant-select-arrow{
        background-color:transparent !important;
        border: #96AFD5;
        color:  #96AFD5 !important;
    }
 }

`
